<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<title>波力琴行</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery-3.1.1.min.js"></script>
<!--		<script src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				var ary = location.href.split("&");
				$("#showComment").slide({
					mainCell: ".comment-wraper ul",
					autoPlay: true,
					effect: ary[1],
					vis: ary[2],
					interTime: ary[3],
					opp: ary[4],
					pnLoop: ary[5],
					trigger: ary[6],
					mouseOverStop: ary[7]
				})
			})
		</script>-->
	</head>

	<body>
		<!--header start-->
		<div id="header">
			<div class="h-main">
				<!--logo-->
				<div class="h-m-logo">
					<a href="index.html"><img src="img/logo.png" alt="" /></a>
				</div>
				<div class="h-m-nav">
					<ul class="nav-list clearfix">
						<li>
							<a href="">
								<p class="title">首页</p>
								<p class="title-en">HOME</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">伯利简介</p>
								<p class="title-en">ABOUT</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">名琴展示</p>
								<p class="title-en">PRODUCTS </p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">教学计划 </p>
								<p class="title-en">TEACHING</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">伯利金融 </p>
								<p class="title-en">FINANCE</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">促销活动</p>
								<p class="title-en">ACTIVITY</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">售后服务</p>
								<p class="title-en">SERVICES</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
						<li>
							<a href="">
								<p class="title">联系我们</p>
								<p class="title-en">CONTACT</p>
							</a>
							<ul class="sub-menu">
								<li><a href="">品牌介绍</a></li>
								<li><a href="">资质荣誉 </a></li>
								<li><a href="">我们的优势</a></li>
							</ul>
						</li>
					</ul>
					<div class="hot-line">
						<p class="hot-line">
							<i></i>
							<span>24小时服务热线</span>
						</p>
						<p class="home-line-tel">400-8888-888</p>
					</div>
				</div>
			</div>
		</div>
		<!--header end-->
		<!--banner start-->
		<div id="banner">
			<ul class="clearfix">
				<li>
					<a><img src="img/ad.jpg" alt="aaaa" /></a>
				</li>
				<li>
					<a><img src="img/ad.jpg" alt="bbbb" /></a>
				</li>
				<li>
					<a><img src="img/ad.jpg" alt="cccc" /></a>
				</li>
			</ul>
			<div class="b-tab">
				<p class="prev">
					<a><i></i></a>
				</p>
				<p class="next">
					<a><i></i></a>
				</p>
			</div>
		</div>
		<!--banner end-->
		<!--about start-->
		<div id="about">
			<div class="about-main">
				<div class="about-banner">
					<ul class="about-img-ul clearfix">
						<li>
							<a><img src="img/about.png" alt="" /></a>
						</li>
						<li>
							<a><img src="img/about.png" alt="" /></a>
						</li>
						<li>
							<a><img src="img/about.png" alt="" /></a>
						</li>
					</ul>
					<div class="b-tab">
						<ul>
							<li class="on"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>

				<div class="dec">
					<i class="dec-icon"></i>
					<h2>关于我们</h2>
					<div class="text">
						<p>伯利，安康最具规模的钢琴体验馆！</p>
						<p>目前在陕西（西安，咸阳，渭南，延安，北京，上海）重庆，成都，天津等地</p>
						<p>形成了大规模的音乐联盟！</p>
						<p>我们秉承着，“诚信，专业，品质，团队，的新颖理念，旨在推广音乐文化，</p>
						<p>为广大音乐爱好者提供优质服务 </p>
					</div>
				</div>
			</div>
		</div>
		<!--about end-->
		<!--product start-->
		<div id="product">
			<div class="product-main">
				<div class="product-m-header">
					<i class="m-h-icon"></i>
					<h2 class="m-h-title">名琴展示</h2>
				</div>
				<div class="product-m-body">
					<dl>
						<dt>演奏系列</dt>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫/p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
					</dl>
					<dl>
						<dt>高端家用</dt>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
					</dl>
					<dl>
						<dt>中端家用</dt>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
					</dl>
					<dl>
						<dt>普通练习</dt>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
						<dd>
							<a href="">
								<img src="img/dl1-1.jpg" alt="" />
								<p>佩卓夫</p>
							</a>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		<!--product end-->
		<!--showComment start-->
		<div id="showComment">
			<div class="showComment-main">
				<div class="userShow">
					<div class="m-header">
						<i class="m-h-icon"></i>
						<h2 class="m-h-title">用户秀</h2>
						<ul class="first-ul">
							<li>
								<a href=""><img src="img/show-1.jpg" alt="" /></a>
								<div class="cover">
									<h3>让音乐属于每个人</h3>
									<p class="dec">
										“音乐对智力的开发有益已经是不争的事实。”据茅为
										蕙介绍，爱因斯坦是小提琴高手。量子物理学的开创者、
										诺贝尔奖获得者马克斯·普朗克的钢琴水准甚高. . .
									</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/show-2.jpg" alt="" /></a>
								<div class="cover">
									<h3>让音乐属于每个人</h3>
									<p class="dec">
										“音乐对智力的开发有益已经是不争的事实。”据茅为
										蕙介绍，爱因斯坦是小提琴高手。量子物理学的开创者、
										诺贝尔奖获得者马克斯·普朗克的钢琴水准甚高. . .
									</p>
								</div>
							</li>
						</ul>
						<ul>
							<li>
								<a href=""><img src="img/show-1.jpg" alt="" /></a>
								<div class="cover">
									<h3>让音乐属于每个人</h3>
									<p class="dec">
										“音乐对智力的开发有益已经是不争的事实。”据茅为
										蕙介绍，爱因斯坦是小提琴高手。量子物理学的开创者、
										诺贝尔奖获得者马克斯·普朗克的钢琴水准甚高. . .
									</p>
								</div>
							</li>
							<li>
								<a href=""><img src="img/show-2.jpg" alt="" /></a>
								<div class="cover">
									<h3>让音乐属于每个人</h3>
									<p class="dec">
										“音乐对智力的开发有益已经是不争的事实。”据茅为
										蕙介绍，爱因斯坦是小提琴高手。量子物理学的开创者、
										诺贝尔奖获得者马克斯·普朗克的钢琴水准甚高. . .
									</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="comment">
					<div class="m-header">
						<i class="m-h-icon"></i>
						<h2 class="m-h-title">客户评价</h2>
						<div class="comment-wraper">
							<ul class="list-ul">
								<li>
									<div class="content-header">
										<img src="img/touxiang.png" alt="" />
										<span class="username">钢琴小能手</span>
										<span class="date">2018.05.02</span>
									</div>
									<p class="content-body">不错，老师教的很认真，也很有耐心</p>
								</li>
								<li>
									<div class="content-header">
										<img src="img/touxiang.png" alt="" />
										<span class="username">钢琴小能手</span>
										<span class="date">2018.05.02</span>
									</div>
									<p class="content-body">不错，老师教的很认真，也很有耐心</p>
								</li>
								<li>
									<div class="content-header">
										<img src="img/touxiang.png" alt="" />
										<span class="username">钢琴小能手</span>
										<span class="date">2018.05.02</span>
									</div>
									<p class="content-body">不错，老师教的很认真，也很有耐心</p>
								</li>
								<li>
									<div class="content-header">
										<img src="img/touxiang.png" alt="" />
										<span class="username">钢琴小能手</span>
										<span class="date">2018.05.02</span>
									</div>
									<p class="content-body">不错，老师教的很认真，也很有耐心</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--showComment end-->
		<!--保养start-->
		<div id="decareful">
			<i></i>
			<div class="decareful-main">
				<div class="m-header">
					<i></i>
					<h2>Becareful</h2>
				</div>
				<div class="m-body">
					<ul class="care-first-ul clearfix">
						<li>
							<i>01</i>
							<p>钢琴如何保养</p>
							<img src="img/becare-bottom.png" alt="" />
						</li>
						<li>
							<i>02</i>
							<p>选购钢琴应该注意事项？</p>
							<img src="img/becare-bottom.png" alt="" />
						</li>
					</ul>
					<ul class="care-last-ul clearfix">
						<li>
							<img src="img/becare-top.png" alt="" />
							<i>03</i>
							<p>学钢琴应该注意事项?</p>
						</li>
						<li>
							<img src="img/becare-top.png" alt="" />
							<i>04</i>
							<p>孩子学什么乐器好？</p>
						</li>
						<li>
							<img src="img/becare-top.png" alt="" />
							<i>05</i>
							<p>学钢琴的好处有哪些？</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--保养end-->
		<!--address start-->
		<div id="address">
			<div class="address-main">
				<div class="map"></div>
				<div class="shop">
					<dl>
						<dt><img src="img/address-1.jpg"/></dt>
						<dd>
							地址：陕西省安康市汉滨区老城街道办事处西关社区兴
							科金地步行街23号(安康茶馆隔壁)
						</dd>
					</dl>
					<dl>
						<dt><img src="img/address-2.jpg"/></dt>
						<dd>电话： 400-8888888</dd>
					</dl>
					<dl>
						<dt><img src="img/address-3.jpg"/></dt>
						<dd>邮箱：759757084@qq.com</dd>
					</dl>
					<dl>
						<dt><img src="img/address-4.jpg"/></dt>
						<dd>钢琴生活定制专家</dd>
					</dl>
					<img src="img/shop.jpg" alt="" />
				</div>
			</div>
		</div>
		<!--address end-->
		<!--contact start-->
		<div id="contact">
			<div class="contact-main">
				<div class="tel">
					<img src="img/contact-1.jpg"/>
					<span>联系电话</span>
					<span>400-88888888</span>
				</div>
				<div class="anounce">
					<ul>
						<li><img src="img/contact-2.jpg" alt="" /><span>品牌保证</span></li>
						<li><img src="img/contact-3.jpg" alt="" /><span>价格最低</span></li>
						<li><img src="img/contact-4.jpg" alt="" /><span>规模最大</span></li>
						<li><img src="img/contact-5.jpg" alt="" /><span>售后贴心</span></li>
					</ul>
				</div>
			</div>
		</div>
		<!--contact end-->
		<!--footer start-->
		<div id="footer">
			<div class="footer-main">
				<div class="left">
					<p>服务热线：400-88888888&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮箱：759757084@qq.com</p>
					<p>地址：陕西省安康市汉滨区老城街道办事处西关社区兴科金地步行街23号</p>
					<p>安康市伯利爱乐乐器有限公司版权所有&nbsp;&nbsp;陕ICP备1888888885号-1&nbsp;&nbsp;技术支持：腾东科技</p>
				</div>
				<div class="right">
					<div class="img-group">
						<a href=""><img src="img/footer-1.png" alt="" /></a>
						<a href=""><img src="img/footer-2.png" alt="" /></a>
						<a href=""><img src="img/footer-3.png" alt="" /></a>
					</div>
					<div class="qrcode">
						<img src="img/footer-qrcode.jpg" alt="" />
						<p>官方微信公众号</p>
					</div>
  				</div>
			</div>
		</div>
		<!--footer end-->
		<!--slidebar start-->
		<div id="slide-bar">
			<ul>
				<li><a href="#"><img src="img/slide-1.png" alt="" /></a></li>
				<li><a href="#"><img src="img/slide-2.png" alt="" /></a></li>
				<li><a href="#"><img src="img/slide-3.png" alt="" /></a></li>
				<li><a href="#"><img src="img/slide-4.png" alt="" /></a></li>
			</ul>
		</div>
		<!--slidebar end-->
		<script src="js/index.js"></script>
	</body>

</html>